<template>
  <!-- app.vue 是一切组件的根组件  在没有路由的情况下 默认渲染的就是这个页面 -->
  <div id="app">
    <!-- <router-view></router-view>  下面的是简写的方式 vue-cli默认的是简写的方式-->
    <!-- 点击左侧菜单 显示出来的主题内容都是在layout这个组件下显示的  -->
    <!-- 一级路由的出口  login  Layout -->
    <!-- <router-view /> -->
    <router-view></router-view>
  </div>
</template>

<script>
// 导入封装好的axios
// 默认导出的模块 引入的时候可以随意定义名称  并且不需要大括号{}
// 从位于utils下的request模块中导入request实例 request就是配置了baseUrl的axios实例
// 以下两种写法等价
// import request from './utils/request'
// @ 相当于 src  @/  ===  src/
import request from '@/utils/request'
// 一般导入
// import { request } from '@/utils/request'
console.dir(request)
export default {
  // mounted() {
  //   // 发出测试请求 不需要关注请求发出是否正常  只需要关注根url有没有加上
  //   request({
  //     method: 'get',
  //     url: '/mp'
  //   })
  // }
}
</script>

<style lang="less" >
//告诉样式系统要使用less预处理器
//这里就可以写less代码了
</style>
